@charset "utf-8";
/* CSS Document */


@font-face{font-family:"Tahoma, Geneva, sans-serif", "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{
  background:url(../image/bg.png) repeat;
  color: #d6e0f0;
  padding: 0;
  margin: 0;
  font-family:Tahoma, Geneva, sans-serif;
  font-weight: normal;
  font-style: normal;
  cursor: default; 
  height:100%;
  }
h1{ font-size:22px; margin-top: 0;  margin-bottom: 0; line-height:40px; margin-left:30px; font-weight:normal;text-shadow: 0 1px 0 rgba(19, 25, 32, 0.65);}
span{ font-size:16px; }  
  
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}


#mid_block{
    height: 100%;
    min-height:500px;
    overflow: hidden;
    width: 100%;
}
.mid{
	/*cursor: pointer;*/
    text-align: center;
	margin:10% auto;
	display:table-cell;  
    vertical-align:middle;
	 }
.title{ font-size:50px; width:100%; text-align:center; margin:50px auto;}
.uploadajax{position:relative;margin:0 auto; text-align:center}
#dragclick{cursor:pointer;top:12%;width:102px;height:108px;position:absolute;background:url(../image/drag.png) no-repeat;}
#dnd{width:732px;height:334px; border: 3px dashed #414f65; border-radius:30px; margin:0 auto;}
#dnd.hover{border: 3px dashed #ffffff;}
#dnd{position:relative;}
#dnd p.number-of-engines{display:block;text-align:center;padding:170px 0 0 0;font-size:24px;}
#dnd p.or{color:#636d7a;text-align:center;font-size:16px;margin:0 0 30px 0;}
#dnd .select-file-button {margin:0 auto;display:block; width:130px;}
#dnd .select-file-button a{text-align:center;background-color:#4c5f7a;box-shadow:0 1px 0 #242c37;padding:8px;display:block;color:rgba(255,255,255,0.8);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-khtml-border-radius:5px;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear; text-decoration:none;}
#dnd .select-file-button a:hover{background-color:#546a88;color:rgba(255,255,255,1);box-shadow:0 1px 0 #242c37}
#dnd p.hover{color:#fff;}
#dnd strong{color:#fff;font-size:100%;}
#dnd strong{color:#fff;font-size:100%;}
#slct-w{cursor:pointer;overflow:hidden;width:20px;height:20px;position:absolute;right:25px;bottom:25px;display:none}
#slct-a{font-size:1700%;float:right;text-align:right;opacity:0;cursor:pointer;}


#footer {
	color: #5d6b81;
	font-size:0.775rem;
}

#footer a,#footer a:link,#footer a:visited {
	color: #5d6b81;
	text-decoration: none;
	padding:5px;
}

#footer a:hover {
	text-decoration: underline;
}

.circle_green{
width: 150px; 
height: 150px; 
background:#093; 
-moz-border-radius: 75px; 
-webkit-border-radius: 75px; 
border-radius: 75px;
margin-right:100px;
}
.circle_blue{
width: 150px; 
height: 150px; 
background:#06F; 
-moz-border-radius: 75px; 
-webkit-border-radius: 75px; 
border-radius: 75px; 
margin-right:100px;
}

.circle_grey{
width: 150px; 
height: 150px; 
background:#333; 
-moz-border-radius: 75px; 
-webkit-border-radius: 75px; 
border-radius: 75px; 
}


#mask{ 
position:absolute; 
width:auto; 
height:auto; 
background:#FFF; 
display: none; 
z-index: 9999999; 
border:1px solid #333; 
display:none; 
text-align:center; 
padding:10px ;
font-size:12px;
color:#333333;
}

#mask ul{ list-style:none;}
#mask ul li{ list-style:none; padding:2px; display:block; float:left; margin:5px; text-align:left;}
#mask ul li a,#mask ul li a:link,#mask ul li a:visited{ padding:5px 10px; text-decoration:none; font-size:13px; color:#333;}
#mask ul li a:hover{ cursor:pointer; font-weight:bold; background-color:#f9f9f9; border:1px solid #4d90ff;text-align:left;}

.screenBox dl {
    margin: 10px 0 10px 10px;
    max-height: 500px;
    overflow: auto;
    width: 660px;
}

.screenBox dl dd {
    float: left;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
    vertical-align: middle;
    width: 660px;
}


.screenBox dl dd label {
    color: #666;
    display: block;
    float: left;
    line-height: 14px;
    margin: 0 10px 0 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
}

.screenBox dl dd label a {
    color: #454545;
    display: inline-block;
    padding: 5px 3px;
    text-decoration: none;
    width: 115px;
}
.screenBox dl dd a:hover{cursor:pointer; background-color:#f9f9f9; border:1px solid #4d90ff;text-align:left; padding:4px 2px; color:#000000;}
